#card{position: relative;width: 5.9rem;height: 2.9rem; background-image:url(../../img/Card.png) ; background-size:100% 100% ; margin: 0.3rem auto;padding: 0.3rem;z-index: 2;border-radius: 0.1rem;}
#card>header{height: 1.8rem;}
#card>header>div{float: left;}
#card>header>div:nth-of-type(1){width: 1rem; height:1rem;line-height: 1rem; border-radius: 0.1rem; border: 0.02rem solid #fff; text-align: center;}
#card>header>div:nth-of-type(1)>img{width: 100%; height: 100%;}
#card>header>div:nth-of-type(2){margin-left: 0.2rem; color: white;}
#card>header>div:nth-of-type(2)>h5{color: white;}
#card>footer>p{color: white; font-size: 0.32rem;}
#card>footer>span{font-size: 0.2rem; color: white; display: block;}
#code{padding: 0.1rem;position: absolute; bottom: 0.35rem; right: 0.35rem; width: 0.75rem; height: 0.75rem;line-height: 0.75rem; text-align: center; background: #fff; border-radius: 0.1rem; overflow: hidden;}
#code>img{width: 100%; height: 100%;}
.mui-content{background: #fff; padding-bottom: 0.5rem;}
.mui-content>div{background: #fff;}
.mui-content>div:nth-of-type(2){width: 6.12rem; height: 1rem; border-radius:0.3rem ; border: 0.03rem solid #ccc; box-shadow: 0.05rem 0.05rem 0.3rem #ccc;top: 3.8rem;left: 0.68rem;position: absolute;z-index: 1;}
.mui-content>div:nth-of-type(3){width: 5.6rem; height: 1rem; border-radius:0.3rem ; border: 0.03rem solid #ccc; box-shadow: 0.05rem 0.05rem 0.3rem #ccc;top:4rem;left: 0.9rem;position: absolute;z-index: 0;}
#minute{overflow: hidden;width: 100%; height: 2.4rem; margin-top: 0.2rem; background: #fff; box-shadow: 0.1rem 0.1rem 0.1rem #ccc; margin-bottom: 0.2rem;}
#minute li{float: left;width:49%; height:100;text-align: center; line-height: 2.4rem;}
#minute li:nth-of-type(1){border-right: 0.01rem solid #ccc;}
#minute h4{color:#fa9c16; font-size: 0.48rem; margin-top: 0.6rem;}
#minute span{color:#fa9c16; font-size: 0.3rem; display: block; margin-top: -0.8rem; background: url(../../img/integral.png) no-repeat; background-size:0.5rem ; background-position: 1rem;margin-left: -0.2rem;text-indent: 0.5rem; color: #000;}
#minute li:nth-of-type(2) h4{color: #5d62f4; }
#minute li:nth-of-type(2) span{background-image:url(../../img/discount.png);}
#introduce{overflow: hidden;width: 100%; height: 4rem; background: #f6f7f8; text-align: center;}
#introduce h4{text-align: left; margin-left:0.2rem ;margin-bottom: 0.3rem;}
#introduce h5{text-align: left;margin-left: 0.2rem; line-height: 0.4rem;}
#introduce>p{margin-top: 0.2rem;}
.mui-content >section{ text-align: center; margin-top: 1.3rem; position: relative;}
.mui-content >section>div{width: 2.5rem; margin: 0 auto;}
.mui-content >section>span{position: absolute;display: block; background: #fa9c16; color: white; width: 0.5rem;height: 0.5rem;border-radius: 0.5rem;top: -0.7rem; left: 3.5rem;}
.mui-content >section>p{color: black; font-size: 0.4rem; font-weight: 600;}
.rot{transform: rotate(180deg);}
h4{ text-indent: 0.2rem;}
